<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">  <!-- 添加编码声明 -->
</head>
<body style="margin:0; padding:25px; width:210mm; height:297mm; background:#ffffff; font-family:Arial,sans-serif; display:grid; grid-template-rows:auto 1fr; gap:20px;">
<!-- 标题区 -->
<div  class="hero" style="text-align:center; border-bottom:3px solid #2c3e50; padding-bottom:20px;">
    <text style="display:block; font-size:36px; font-weight:bold; color:#2c3e50; margin:15px 0;">论文标题</text>
    <text style="display:block; font-size:18px; color:#7f8c8d;">作者：张三，李四，王五</text>
    <text style="display:block; font-size:16px; color:#95a5a6;">单位：XX大学计算机学院</text>
</div>

<!-- 主体内容 -->
<div  class="main-body" style="display:grid; grid-template-columns:1fr 1fr; gap:25px; height:calc(297mm - 150px);">
    <!-- 左列 -->
    <div  class="left" style="display:grid; gap:20px;">
        <div  class="abstract" style="background:#f8f9fa; padding:15px; border-left:5px solid #3498db;">
            <text style="display:block; font-size:24px; font-weight:bold; margin-bottom:10px;">摘要</text>
            <text style="display:block; font-size:16px; line-height:1.6;">这里是摘要内容...</text>
        </div>

        <div class="introduction" style="background:#e8f5e9; padding:15px; grid-column:1/-1;">
            <text style="display:block; font-size:24px; font-weight:bold; margin-bottom:10px;">引言</text>
            <text style="display:block; font-size:16px; line-height:1.6;">这里是引言内容...</text>
        </div>
    </div>

    <!-- 右列 -->
    <div  class="right" style="display:grid; gap:20px;">
        <div class="method" style="background:#fff3e0; padding:15px; border-left:5px solid #e67e22;">
            <text style="display:block; font-size:24px; font-weight:bold; margin-bottom:10px;">方法</text>
            <text style="display:block; font-size:16px; line-height:1.6;">1. 方法描述一</text>
            <text style="display:block; font-size:16px; line-height:1.6;">2. 方法描述二</text>
            <image src="images/default-bg.jpg";style="width:100%; height:200px; margin-top:15px; border:1px solid #ddd;"></image>
        </div>

        <div class="experiment" style="background:#fce4ec; padding:15px; border-left:5px solid #e91e63;">
            <text style="display:block; font-size:24px; font-weight:bold; margin-bottom:10px;">实验</text>
            <text style="display:block; font-size:16px; line-height:1.6;">实验数据描述...</text>
            <div style="display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:15px;">
                <image style="width:100%; height:150px; border:1px solid #ddd;"></image>
                <image style="width:100%; height:150px; border:1px solid #ddd;"></image>
            </div>
        </div>
    </div>

    <!-- 结论 -->
    <div class="result" style="background:#e0f7fa; padding:15px; grid-column:1/-1; border-top:3px solid #2c3e50;">
        <text style="display:block; font-size:24px; font-weight:bold; margin-bottom:10px;">结论</text>
        <text style="display:block; font-size:16px; line-height:1.6;">这里是结论内容...</text>
    </div>
</div>
</body>
</html>